// 给一级菜单绑定点击
// 获取所有的一级菜单
const level1Menus = document.querySelectorAll('.level-1-menu');

[...level1Menus].forEach(menu => {
  menu.addEventListener('click', () => {
    const subMenu = menu.nextElementSibling
    menu.classList.toggle('active')
    subMenu.style.height = subMenu.style.height === '' ? subMenu.scrollHeight + 'px' : ''
  })
})

// 获取顶栏折叠图标
const switchLeft = document.querySelector('.switch-left')
switchLeft.addEventListener('click', () => {
  const left = document.querySelector('.left-menu')
  left.classList.toggle('hide')
})

// 获取退出登录dom
const logout = document.querySelector('.logout')
// 绑定点击事件
logout.addEventListener('click', () => {
  // 用户确认
  if (confirm('您确定退出登录吗？')) {
    // 删除token
    localStorage.removeItem('token')
    // 跳转登录页面
    location.href = './login.html'
  }
})

// 标记父页面
window.parentPageFlag = true

// 获取初始化数据的按钮，绑定点击，调用初始化数据的接口
const initBtn = document.querySelector('#initData')
initBtn.addEventListener('click', async () => {
  await axios.get('init/data')
  // 告诉用户成功了
  toastr.success('初始化成功')
})

// 给左侧菜单绑定点击，切换高亮
const menuContainer = document.querySelector('.menu-container')
menuContainer.addEventListener('click', ({ target }) => {
  // 判断点击的是菜单，菜单有menu-item类
  if (target.classList.contains('menu-item')) {
    // 移除上一个高亮
    const active = menuContainer.querySelector('.menu-item.active')
    active.classList.remove('active')
    // 给当前菜单增加高亮
    target.classList.add('active')
  }
})